<?php echo $this->headLink()->appendStylesheet('/public/css/galleryview.css') ?>
<?php echo $this->headLink()->appendStylesheet('/public/css/style.css') ?>
    <script type="text/javascript" src="/public/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="/public/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/public/js/jquery.galleryview-1.1.js"></script>
    <script type="text/javascript" src="/public/js/jquery.timers-1.1.2.js"></script>
    <script type="text/javascript">
	$(document).ready(function(){
		$('#photos').galleryView({
			panel_width: 500,
			panel_height: 480,
			frame_width: 100,
			frame_height: 100
		});
	});
    </script>

<div id="photos" class="galleryview">
  <div class="panel">

     <img src="/public/images/gallery/01.jpg" />
    <div class="panel-overlay">
      <h2>El Viejito entregando regalos</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/tomharry" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/158829" target="_blank">aqu&iacute;</a>.</p>
    </div>
  </div>

  <div class="panel">
     <img src="/public/images/gallery/02.jpg" />
    <div class="panel-overlay">
      <h2>El Viejito con su saco de regalos</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/emsago" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/152865" target="_blank">aqu&iacute;</a>.</p>
    </div>

  </div>
  <div class="panel">
     <img src="/public/images/gallery/03.jpg" />
    <div class="panel-overlay">
      <h2>El viejito con la familia</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/baines" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/34453" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <div class="panel">
     <img src="/public/images/gallery/04.jpg" />
    <div class="panel-overlay">
      <h2>El viejito y sus amigos</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/jazza" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/990169" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <div class="panel">
     <img src="/public/images/gallery/06.jpg" />
    <div class="panel-overlay">
      <h2>Haciendo feliz a los ni&ntilde;os</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/sgursozlu" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/738279" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <div class="panel">
     <img src="/public/images/gallery/05.jpg" />
    <div class="panel-overlay">
        <h2>Haciendo feliz a los ni&ntilde;os</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/a_glitch" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/289581" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <div class="panel">
     <img src="/public/images/gallery/07.jpg" />
    <div class="panel-overlay">
        <h2>Entregando regalos a los ni&ntilde;os</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/thesaint" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/174331" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <div class="panel">
     <img src="/public/images/gallery/08.jpg" />
    <div class="panel-overlay">
      <h2>Entregando regalos a los ni&ntilde;os</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/djkmart" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/270109" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <div class="panel">
     <img src="/public/images/gallery/09.jpg" />
    <div class="panel-overlay">
        <h2>El Viejito regaloneando a un beb&eacute;</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/djkmart" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/270109" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <div class="panel">
     <img src="/public/images/gallery/10.jpg" />
    <div class="panel-overlay">
        <h2>Un ni&ntilde;o lleno de felicidad</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/djkmart" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/270109" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <div class="panel">
     <img src="/public/images/gallery/11.jpg" />
    <div class="panel-overlay">
      <h2>El Viejito y su duende</h2>
      <p>Foto por <a href="http://www.sxc.hu/profile/djkmart" target="_blank">Rafael</a>.  V&eacute;a la foto en grande <a href="http://www.sxc.hu/photo/270109" target="_blank">aqu&iacute;</a>.</p>

    </div>
  </div>
  <ul class="filmstrip">
    <li><img src="/public/images/gallery/frame-01.jpg" alt="Effet du soleil" title="Effet du soleil" /></li>
    <li><img src="/public/images/gallery/frame-02.jpg" alt="Eden" title="Eden" /></li>
    <li><img src="/public/images/gallery/frame-03.jpg" alt="Snail on the Corn" title="Snail on the Corn" /></li>
    <li><img src="/public/images/gallery/frame-04.jpg" alt="Flowers" title="Flowers" /></li>
    <li><img src="/public/images/gallery/frame-06.jpg" alt="Alone Beach" title="Alone Beach" /></li>
    <li><img src="/public/images/gallery/frame-05.jpg" alt="Sunrise Trees" title="Sunrise Trees" /></li>
    <li><img src="/public/images/gallery/frame-07.jpg" alt="Waterfall" title="Waterfall" /></li>
    <li><img src="/public/images/gallery/frame-08.jpg" alt="Death Valley" title="Death Valley" /></li>
    <li><img src="/public/images/gallery/frame-09.jpg" alt="Death Valley" title="Death Valley" /></li>
    <li><img src="/public/images/gallery/frame-10.jpg" alt="Death Valley" title="Death Valley" /></li>
    <li><img src="/public/images/gallery/frame-11.jpg" alt="Death Valley" title="Death Valley" /></li>
  </ul>
</div>
